<template>
  <a-form-model ref="form" :rules="rules" style="padding: 0px">

    <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="endpoint " >
      <a-input style="width: 80%" :placeholder="i18n('form.endpointDesc','Endpoint以广州为例..')" v-model="dataObj.endpoint "/>
    </a-form-model-item>

      <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="i18n('form.bucketName','bucket名称')">
          <a-input style="width: 80%" :placeholder="i18n('form.bucketName','bucket名称','input')" v-model="dataObj.bucketName"/>
      </a-form-model-item>

    <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="i18n('form.accessKeyId','授权用户Id')">
      <a-input style="width: 80%" :placeholder="i18n('form.accessKeyId','授权用户Id','input')" v-model="dataObj.accessKeyId"/>
    </a-form-model-item>
    <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="i18n('form.accessKeySecret','授权用户密钥')">
      <a-input style="width: 80%" :placeholder="i18n('form.accessKeySecret','授权用户密钥','input')" v-model="dataObj.accessKeySecret"/>
    </a-form-model-item>
  </a-form-model>
</template>

<script>
  import {BaseFormModel, RxDialog, Dialog} from "@lowcode/jpaas-common-lib";
  import rxAjax from '@/assets/js/ajax.js';

  export default {
    name: "SysFileStorelangchaoOss",
    mixins: [BaseFormModel],
    components: {
      RxDialog, rxAjax,
    },
    props: {
      dataObj: {
        type: Object,
        default: {
            endpoint:"",
            accessKeyId:"",
            accessKeySecret:"",
            bucketName:"",
            uploadPath:"",
            pdfTmpPath:""
        }
      }
    },

    data() {
      return {
          labelCol: { span: 3 },
          wrapperCol: { span: 22 },
        rules: {
            buket: [{required: true, message: this.i18n('form.connectTime','请输入连接时间','input'), trigger: 'change'}],
        }
      }
    },
    methods: {
      i18n(name,text,key){
          return this.$ti18(name,text,"SysFileStore",key);
      }
    }

  }
</script>

<style scoped>

</style>